//入口函数
$(function () {
    // console.log('ok');
    /*
        目标： 修改用户的信息
        分析：
            1.获取用户信息，展示到表单中
            2.修改功能
    
    
    */
    initUserInfo();

    function initUserInfo() {
        //发送ajax请求 获取用户信息
        $.ajax({
            method: 'get',
            url: '/my/userinfo',
            success(res) {
                // console.log(res);
                //判断是否获取成功
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                layui.layer.msg(res.message, { icon: 6 })
                //把数据渲染到表单（给表单赋值）
                layui.form.val('formUserInfo', res.data)
            }
        })
    }
    /**修改功能
     * 1.注册submit事件
     * 2.阻止默认提交行为
     * 3.校验数据
     * 4.收集数据
     * 5.调接口 发请求
     */
    //校验昵称长度的规则
    layui.form.verify({
        nickname: function (value) {
            if (value.length > 6) {
                return '昵称是1到6位的字符'
            }
        }
    })
    //注册submit事件
    $('.layui-form').on('submit', function (e) {
        //阻止默认提交行为
        e.preventDefault();
        //收集数据
        var data = $(this).serialize();
        console.log(data);
        //调接口 发请求
        $.ajax({
            method: 'post',
            url: '/my/userinfo',
            data,
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                layui.layer.msg(res.message, { icon: 6 })
                /**更新欢迎语 */
                /**
                 * index.html 和user_info.html父子页面的关系
                 */
                // console.log(window);
                console.log(window.parent);
                window.parent.getUserInfo()
              
                

            }
        })
    })


    /**重置功能 （不是清空表单，恢复表单的内容） */
    $('#btnReset').on('click', function (e) {
        //阻止重置的默认清空行为
        e.preventDefault();
        //恢复用户的信息（重新获取并渲染）
        initUserInfo();
    })
})